let arr = [0, 0, 0, 0, 0, 0]
// 手机号验证 邮箱验证
//手机号：15  13  18 开头的11数字

$("#username").keyup(username);

// 手机号的验证正则
function username() {
    let ophone = /^1[5||3||8||9]\d{9,9}$/
    let Mbox = /^\w{1,}@[0-9A-z]{1,}$/
    if (!(ophone || Mbox).test(this.value)) {
        $("#phonet").css("display", "block");
        $("#phonet").html("请您输入n的11位的手机号或者您的邮箱")
        arr[0] = 0;
    } else {

        $("#phonet").html("√").css({
            "display": "block",
            "color": "green"
        });
        arr[0] = 1;
        // console.log(arr)
    }
}
//密码强度判断
function get(obj, color) {
    $(obj).css({
        "background-color": color
    });
}
// 密码格式是否正确
$("#userpass").blur(pass);
//密码所用的格式
function pass() {
    // alert(1); 
    //包含
    let regObj = /\d/;
    var regLetter = /[a-zA-Z]/;
    var regChar = /[!@#$%]/;
    //纯
    var _regNum = /^\d{8}$/;
    var _regLetter = /^[a-zA-Z]{8}$/;
    var _regChar = /^[!@#$%]{8}$/;
    //jQuery检测数据类型$.type()
    // console.log($.type($("#userpass").val()));
    if ($("#userpass").val().length >= 8) {
        if (regObj.test(this.value) || regLetter.test(this.value) || regChar.test(this.value) || _regNum.test(this.value) || _regLetter.test(this.value) || _regChar.test(this.value)) {
            $("#passMsg").html("√").css({
                "color": "green"

            });

            for (let i = 0; i < $(".leng ul li").length; i++) {
                if (_regNum.test(this.value) || _regLetter.test(this.value) ||
                    _regChar.test(this.value)) {
                    // console.log("弱爆了");
                    get($(".leng ul li")[0], "green");
                    get($(".leng ul li")[1], "#dddddd");
                    get($(".leng ul li")[2], "#dddddd");

                    $("#bigMsg").html("密码强度太弱").css({
                        "color": "#dddddd",
                        "font-size": "10px"

                    });

                } else if (regObj.test(this.value) && regLetter.test(this.value) &&
                    regChar.test(this.value)) {
                    // console.log("强");
                    get($(".leng ul li")[0], "green");
                    get($(".leng ul li")[1], "green");
                    get($(".leng ul li")[2], "green");
                    $("#bigMsg").html("密码强度一般").css({
                        "color": "#dddddd",
                        "font-size": "10px"
                    });
                } else {
                    // console.log("中");
                    get($(".leng ul li")[0], "green");
                    get($(".leng ul li")[1], "green");
                    get($(".leng ul li")[2], "#dddddd");
                    $("#bigMsg").html("密码强度强").css({
                        "color": "#dddddd",
                        "font-size": "10px"
                    });
                }
            }
            arr[1] = 1;

        } else {
            $("#passMsg").html("密码的格式不合法，请输入8位数字").css({
                "color": "red",
                "font-size": "10px"
            });
            arr[1] = 0;
        }
    } else {
        $("#passMsg").html("密码长度不够，请输入8位以上").css({
            "color": "red",
            "font-size": "10px"
        });
    }
};
// 密码强度验证
$("#userpass").focus(function () {
    $("#passMsg").html(" ");
});

// 确认密码和密码相同
$("#Confirmpassword").blur(conpasword);
function conpasword() {

    if ($("#Confirmpassword").val !== $("#VerificationCode").val) {
        $("#conpasword").html("两次密码不一致").css({
            "color": "red",
            "display": "block"
        })
        arr[2] = 0;

    } else {
        $("#conpasword").html("√").css({
            "color": "green",
            "display": "block"
        });
        arr[2] = 1;

    }

}
//验证码
//先随机生成验证码
$("#bvcode").val(verificationCode);
//验证输入框内输入的值是不是验证码框内的值
// 点击换一张重新调用生成验证码的函数
$("#change").click(function () {
    $("#bvcode").val(verificationCode);

});
$("#VerificationCode").blur(ob)
// 判断验证码是否正确
function ob() {
    if ($("#VerificationCode").val() !== $("#bvcode").val()) {
        $("#ob").html("验证码错误").css({
            "color": "red",
            "display": "block",
            "font-size": "14px"
        })
        arr[3] = 0;

    } else {
        $("#ob").html("√").css({
            "color": "green",
            "display": "block"
        });
        arr[3] = 1;
    }
}
// 获取点击的男或者女返回值为点击的性别往后端传
$("#sex").click( function(){
    oregister();
    console.log
} );
// console.log(sex);
// 点击那个获取那个的value
let sex =""
function oregister() {
 sex = $('input:radio[name="sex"]:checked').val();
    if (sex == null) {
        arr[4] = 0;
    }
    else {
        arr[4] = 1;
        
    }
// return sex
console.log( sex)
}
//判断是否点击了协议
$("#agreement").click(function () {
    if (arr[5] == 0) {
        arr[5] = 1;
    } else {
        arr[5] = 0;
    }
})
//获取年龄
let age="";
$("#year").blur(function () {
     age = 2021 - parseInt($("#year").val());
   console.log(age);
})
function hasUserBack() {
    //后端验证用户名是否存在
    $.get("checkUser.php", { "username": $("#username").val() }, function (data) {
        console.log(data)
        if (data == "0") {
            $("#phonet").html("亲，该用户名已经存在，请重新思考！");
            $("#phonet").css({ "color": "red" });
            hasUser = true;
        } else {
            $.post(
                "addUser.php",
                {
                    "username": $("#username").val(),
                    "userpass": $("#userpass").val(),
                    "sex": sex,
                    "age":age,
                },
                function (data) {
                    if (data == "success") {
                        $("#msg").html("注册成功！请<a href='aaSignIn.html'>登录</a>").css({
                            "color": "green"
                        });
                    } else {
                        $("#msg").html("注册失败！").css({
                            "color": "red"
                        });
                    }
                }
            );
            $("#phonet").html("亲，该用户名可以使用，赶紧注册吧！");
            $("#phonet").css({ "color": "green" });
            hasUser = false;
        }
    })
    // 点击注册框将  // 手机号 // 男女//注册的函数 // 密码//// 生日//往数据库传
} 
$("#register").click(function () {
        // 1、判断所有的前端验证没有问题
        // every函数：判断数据中的每个元素是否满足条件（回调函数写的条件）
        // console.log("11111")
        // console.log(arr)
        if (!arr.every(item => item == 1)) {
            $("#msg").html("请仔细检查每一项是否正确").css({
                "color": "red"
            });
        } else {
            // 2、发送请求（注册）
            hasUserBack()

        }
    });

